@import './variables.scss';
@import './sidebar.scss';
@import './transition.scss';
@import "./common.scss";
@import "./element.scss";

body,
th,
td,
button,
input,
select,
textarea {
    font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif, '宋体', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB';
    font-size: 12px;
}

body,
button,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
}

a,
button,
textarea {
    outline: none;
}

a {
    text-decoration: none;
}

.app-container {
    height: auto;
}

// 功能按钮样式
.btn {
    display: inline-block;
    height: 28px;
    line-height: 26px;
    padding: 0 6px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    cursor: pointer;
}

// 表格按钮样式
.btn-table {
    display: inline-block;
    height: 22px;
    line-height: 20px;
    padding: 0 4px;
    border-radius: 2px;
    color: #ffffff;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    font-size: 12px;
    vertical-align: middle;
    cursor: pointer;
}
// 保存按钮样式
.btn-page {
    display: inline-block;
    height: 35px;
    line-height: 33px;
    padding: 0 14px;
    border-radius: 2px;
    font-weight: 400;
    margin-right: 5px;
    color: #ffffff;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer;
    border-color: #007cff;
    background-color: #007cff;
}

// 保存按钮样式
.btn-save {
    display: inline-block;
    height: 35px;
    line-height: 33px;
    padding: 0 14px;
    border-radius: 2px;
    font-weight: 400;
    color: #ffffff;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer;
    border-color: #007cff;
    background-color: #007cff;
}

// 取消按钮样式
.btn-cancel {
    display: inline-block;
    height: 35px;
    line-height: 33px;
    padding: 0 14px;
    border-radius: 2px;
    font-weight: 400;
    margin-left: 5px;
    color: #ffffff;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer;
    border-color: #a6a6a6;
    background-color: #a6a6a6;
}

// 删除按钮样式
.btn-delete {
    display: inline-block;
    height: 35px;
    line-height: 33px;
    padding: 0 14px;
    border-radius: 2px;
    font-weight: 400;
    color: #ffffff;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer;
    border-color: #f56c6c;
    background-color: #f56c6c;
}

// 按钮背景色  用于表格

.bgColor1 {
    border-color: #007cff;
    background-color: #007cff;
}

// 详细、查看
.bgColor2 {
    border-color: #00c0c0;
    background-color: #00c0c0;
}

// 审核、提示
.bgColor3 {
    border-color: #e69103;
    background-color: #e69103;
}

.bgColor4 {
    border-color: #a06eff;
    background-color: #a06eff;
}

// 删除
.bgColor5 {
    border-color: #f56c6c;
    background-color: #f56c6c;
}

.bgColor6 {
    border-color: #a6a6a6;
    background-color: #a6a6a6;
}

// 功能按钮颜色
.btn-bg {
    background-color: #007cff;
    color: #fff;
    &:hover{
        background-color: #007bffa9;
    }
}
.btn-bg1 {
    border-color: #007cff;
    background-color: #eaeff8;
    color: #007cff;
}

.btn-bg2 {
    border-color: #00c0c0;
    background-color: #ebf6f6;
    color: #00c0c0;
}

.btn-bg3 {
    border-color: #e69103;
    background-color: #fdfaf3;
    color: #e69103;
}

.btn-bg4 {
    border-color: #f56c6c;
    background-color: #faf8f8;
    color: #f56c6c;
}

.btn-bg5 {
    border-color: #777;
    background-color: #fafafa;
    color: #333;
}
.btn-bg6-x{
    border-color: #ff8d1a;
    background-color: #fafafa;
    color: #ff8d1a; 
}
.text-color{
    color: #00c0c0 !important;
}